body,html{margin:0;padding:0;color:#2c2c2c;font-size:12px;font-family:Microsoft YaHei,Arial Narrow,arial,serif;text-align:left;}
div,p,span,ul,li,input,td,dd,dl,dt,ol,h1,form{margin:0;padding:0;}
i,em{font-style:normal;}
img{ border:none;vertical-align:top;}
ul,li,dl,dd,dt{list-style-type: none;}
table{border-collapse:collapse;}
a,a:hover{text-decoration: none;cursor: pointer;}
button{cursor: pointer;}
textarea{resize:none;border:1px solid #ccc;box-shadow: 0 0 2px #999 inset;}
label{cursor: pointer;}
.fn_clear{zoom:1;display:block;clear:both;}
.fn_clear:after{clear:both;display:block;overflow:hidden;visibility:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";}
.fn_left{display: inline;float: left;}
.fn_right{display: inline;float: right;}
.fn_hide{display: none;}
.por{position: relative;}
.poa{position: absolute;}
.ovfh{overflow: hidden;}
.ovfa{overflow: auto;}
.db{display: block;}
.dib{display: inline-block;*display: inline;*zoom: 1;}
/**/
.header{position: fixed;top: 0;width: 100%;height: 60px;background-color: #fafaef;border-bottom: 1px solid #d6d5d4;z-index: 999;}
.header .menu{width: 960px;height: 60px;margin: auto;}
.header .sort{float: left;width: 60px;height: 60px;background: url(../img/header.png) -131px 0 no-repeat;border-right:1px solid #d6d5d4;border-left:1px solid #d6d5d4;}
.header .add{float: right;width: 60px;height: 60px;background: url(../img/header.png) -191px 0 no-repeat;border-left:1px solid #d6d5d4;}
.header .logo{position: absolute;top: 0;left: 50%;width: 131px;margin-left: -65px;height: 73px;background: url(../img/header.png) 0 0 no-repeat;}
.header .user{position: relative;float: right;width: 45px;height: 45px;padding: 8px;border-left: 1px solid #d6d5d4;border-right: 1px solid #d6d5d4;}
.header .user a{position: absolute;overflow: hidden;width: 45px;height: 45px;border-radius: 25px 25px 25px 25px;}
.header .user img{position: absolute;}
.header .user .new{position: absolute;top: 8px;right: 8px;width: 10px;height: 10px;border-radius: 5px;background-color: #e62e2e;}
.header .sortnav{position: absolute;top: 68px;left: 50%;width: 250px;padding:30px 3px 10px 40px ;margin-left: -480px;background-color: #fff;border:1px solid #d6d5d4;}
.header .sortnav ul{}
.header .sortnav li{display: inline;float: left;width: 125px;height: 20px;margin-bottom: 20px;line-height: 20px;vertical-align: middle;}
.header .sortnav li a{display: block;color: #333;vertical-align: middle;}
.header .sortnav li a:hover{color: #fc651c}
.header .sortnav li a span{display: inline;float: left;width: 20px;height: 20px;margin-right: 10px;background: #ccc url(../img/header.png) 0 0 no-repeat;vertical-align: middle;}
.header .sortnav li a:hover span{background-color: #fc651c;}
.header .sortnav li a span.sortico1{background-position: 0px -73px}
.header .sortnav li a span.sortico2{background-position: -20px -73px}
.header .sortnav li a span.sortico3{background-position: 0px -93px}
.header .sortnav li a span.sortico4{background-position: -20px -93px}
.header .sortnav li a span.sortico5{background-position: 0px -113px}
.header .sortnav li a span.sortico6{background-position: -20px -113px}
.header .sortnav li a span.sortico7{background-position: 0px -133px}
.header .sortnav li a span.sortico8{background-position: -20px -133px}
.header .sortnav li a span.sortico9{background-position: 0px -153px}
.header .sortnav li a span.sortico10{background-position: -20px -153px}
.header .sortnav li a span.sortico11{background-position: 0px -173px}
.header .sortnav li a span.sortico12{background-position: -20px -173px}
.header .sortnav li a span.sortico13{background-position: 0px -193px}
.header .sortnav li a span.sortico14{background-position: -20px -193px}
.header .sortnav li a span.sortico15{background-position: 0px -213px}
/**/
.but_normal{display: inline-block;*display: inline;*zoom: 1;height: 30px;padding: 0 20px;background-color: #f58438;border-radius: 3px;font-size: 14px;color:#fff;line-height: 30px;font-weight: 500;vertical-align: middle;}
.but_normal:hover{opacity: .8;filter: alpha(opacity=80);}
.but_big{height: 40px;padding: 0 28px;line-height: 40px;}
.but_addbig{height: 40px;padding: 0 50px;line-height: 40px;font-size: 18px;}
.but_gray{background-color: #f7f7f7;border:1px solid #d9d9d9;color: #666}
.but_gray2{background-color: #a4a9ae;color: #fff;}
.but_red{background-color: #cc6666;}
.but_100p{width: 100%;padding: 0;text-align: center;}


.h24{height: 24px;}
.h26{height: 26px;}
.h34{height: 34px;}
.h40{height: 40px;}
.h145{height: 145px;}

.w100p{width: 100%;}
.w76{width: 76px;}
.w118{width: 118px;}
.w140{width: 140px;}
.w254{width: 254px;}
.w320{width: 320px;}
.w335{width: 335px;}
.w380{width: 380px;}
.w400{width: 400px;}
.w415{width: 415px;}
.w490{width: 490px;}
.w500{width: 500px;}
.w680{width: 680px;}

.t280{top: 280px;}
.b0{bottom: 0;}
.p30{padding: 30px;}
.pt20{padding-top: 20px;}
.pr10{padding-right: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pt15lr30{padding: 15px 30px;}
.ml50{margin-left: 50px;}
.mt15{margin-top: 15px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr100{margin-right: 100px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb50{margin-bottom: 50px;}
.ml150{margin-left: 150px;}

.bor1d9{border:1px solid #d9d9d9;}
.borb1d9{border-bottom:1px solid #d9d9d9;}
.bgcolfff{background-color: #fff;}

.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz18{font-size: 18px;}

.lh20{line-height: 20px;}
.lh24{line-height: 24px;}
.lh26{line-height: 26px;}
.lh28{line-height: 28px;}
.lh34{line-height: 34px;}
.lh40{line-height: 40px;}
.lh48{line-height: 48px;}
.lh50{line-height: 50px;}
.lh60{line-height: 60px;}

.col999{color: #999}
.col666{color: #666;}
.col333{color: #333;}
.colb24712{color: #b24712;}
.col067ff0{color: #067ff0;}
.col985d3e{color: #985d3e;}

.tac{text-align: center;}
.tar{text-align: right;}

/**/
.pop_wrap{position: fixed;top: 0;left: 0;min-height: 100%;height: 100%;min-width: 100%;z-index: 1200;}
.pop_bg{position: absolute;width: 100%;height: 100%;background-color: #1d1d1c;opacity: .8;filter: alpha(opacity=80);z-index: 1}
.pop_com{position: absolute;width: 100%;height: 100%;z-index: 2;}
.pop_com .addimg{position: absolute;left:50%;top: 50%;width: 560px;height: 225px;margin:-120px 0 0 -280px ;background-color: #fff;border-radius: 4px;box-shadow: 0 0 5px #333;}
.pop_com h1{height: 38px;line-height: 38px;background-color: #e9ebee;font-size: 14px;color: #333;text-indent: 15px;font-weight: 500;border-radius: 4px 4px 0 0;border-bottom: 1px solid #d9d9d9;}
.pop_com h1 .close{float: right;margin-right: 15px;font-size: 16px;color: #666;}
.pop_com .addimg ul{width: 550px;padding: 26px 0 0 15px;margin-bottom: 20px;}
.pop_com .addimg ul li{float: left;position: relative;width: 90px;height: 90px;margin-right: 20px;background: url(../img/addimg.png) 0 0 no-repeat;cursor: pointer;}
.pop_com .addimg ul li input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;filter: alpha(opacity=0);z-index: 1;}
.pop_com .addimg ul li .del{position: absolute;top: -6px;right: -6px;width: 16px;height: 16px;line-height: 16px;background-color: #ea6354;border-radius: 16px;color: #fff;font-weight: 700;font-size: 14px;text-align: center;cursor: pointer;z-index: 3;}
.pop_com .addimg ul li .del:hover{background-color: #df4534;}
.pop_com .addimg ul li img{position: relative;z-index: 2;}
.pop_com .addimg ul li .set{position: absolute;left: 0;bottom: 0;width: 100%;height: 20px;line-height: 20px;text-align: center;background-color: #000;color: #fff;opacity: .7;filter: alpha(opacity=70);z-index: 3;font-weight: 500;font-size: 12px;}

.pop_com .avatar{position: absolute;left:50%;top: 50%;width: 380px;height: 270px;margin:-160px 0 0 -190px ;background-color: #fff;border-radius: 4px;box-shadow: 0 0 5px #333;}
.pop_com .avatar .user{position: relative;float: left;width: 120px;height: 120px;margin-right: 20px;}
.pop_com .avatar .user a{position: absolute;overflow: hidden;width: 120px;height: 120px;border-radius: 60px;cursor: default;}
.pop_com .avatar .user img{position: absolute;}
.pop_com .avatar .input_file{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;filter: alpha(opacity=0);}











































